<template>
  <div class="pt-5 bg-white">
    <div class="container">
      <div class="row">
        <div class="col">
          <el-page-header @back="$router.push('/')" :content="data1.title">
          </el-page-header>
        </div>
      </div>
      <br />
      <div class="row">
        <div class="col">
          <el-tabs id="el-tabs" v-model="ac">
            <el-tab-pane class="p-4" label="课程介绍" name="a1">
              <el-container>
                <el-aside width="300px" class="sy">
                  <div>
                    课程编号:
                    <span v-text="data1.课程编号" class="text-primary"></span>
                  </div>
                  <div>
                    课程名称:
                    <span v-text="data1.title" class="text-primary"></span>
                  </div>
                  <div>
                    开课学院:
                    <span v-text="data1.学校" class="text-primary"></span>
                  </div>
                  <div>
                    课程类型:
                    <span v-text="data1.课程类型" class="text-primary"></span>
                  </div>
                  <div>
                    学时:
                    <span v-text="data1.学时" class="text-primary"></span>
                  </div>
                  <div>
                    学分:
                    <span v-text="data1.学分" class="text-primary"></span>
                  </div>
                  <div>
                    总章节:
                    <span v-text="data1.总章节" class="text-primary"></span>
                  </div>
                  <div>
                    主要适用对象:
                    <span
                      v-text="data1.主要适用对象"
                      class="text-primary"
                    ></span>
                  </div>
                </el-aside>
                <el-main class="border-left">
                  <div class="h4">
                    <span class="text-primary">摘要</span> / Summary
                  </div>
                  <p>
                    {{ data1.info }}
                  </p>
                  <div class="h4">
                    <span class="text-primary">任课教师</span> / Course Teachers
                  </div>
                  <p>
                    {{ data1.教师 }}
                  </p>
                </el-main>
              </el-container>
            </el-tab-pane>
            <el-tab-pane class="p-4" label="摘要" name="a3">
              <p v-text="data1.info"></p>
            </el-tab-pane>
            <el-tab-pane
              class="p-4"
              label="教师介绍"
              v-html="data1.教师info"
              name="a4"
            >
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["id"],
  computed: {
    data1() {
      console.log(this);
      return this.con4arr.find((v) => v.id == this.id);
    },
  },
  data() {
    return {
      ac: "a1",
      con4arr: [
        {
          id: "1",
          课程编号: "B202BS001A",
          title: "管理学原理",
          开课学院: "人文与经法学院",
          课程类型: "其他",
          学时: 32,
          学分: 2,
          总章节: 15,
          学校: "中国矿业大学",
          主要适用对象: "本科生",
          选修要求: "历史",
          授课: "线上课程",
          context: "10月14日-12月6日每周四晚上 （19:00-21:30）",
          选修人数: 0,
          教师: "赵国庆",
          当前学期选修人数: 160,
          教师info: `<h4>主要教学科研经历及获奖情况</h4>
          1.2018年，“思维训练与学习力提升"课程被认定为国家级精 品在线开放课程 <br>
2.2018年，赵国庆老师团队研发的“思维训练提升师生学习 力”项目获得第四届教育创新博览会SERVE奖 <br>
3.2018年，赵国庆老师主编的《小学思维训练》丛书获北京师 范大学出版集团“十年十书”称号，北京师范大学出版集团 <br>
4.2017年，“培养21世纪的思考者和学习者——思维训练与学 习力提升课程建设与教学实践”获北京师范大学教育教学成 果二等奖 <br>
5.2015年，赵国庆老师获北京师范大学通鼎青年教师奖（本科 教学奖） <br>
6.2015年，赵国庆老师获北京师范大学2014-2015学年优秀新生 导师奖 <br>
7.2013年，赵国庆老师获北京师范大学京师英才二等奖 <br>
8.2008年，赵国庆老师获北京师范大学第十一届青年教师教学 基本功大赛最佳语言奖 <br>
9.2008年，赵国庆老师获北京师范大学第十一届青年教师教学 基本功大赛二等奖 <br>
10.2008年，赵国庆老师获北京师范大学教育技术学院优秀教学
          `,
          info:
            "本课程最早源于2004年北京师范大学励耘实验班的“IT应用与思维拓展夏 令营”，2010年秋季学期作为北京市学院路教学共同体共享课（课程名称：思维 技能训练）面向学院路学区10余所高校本科生开课，2011、2012、2013、 2016、2018、2019、2020年春季学期作为研究生小学分课程（课程名称：思维 技能训练）面向北京师范大学教育学部研究生开课，2019年秋季学科作为研究 生基础课面向北京师范大学珠海校区科学教育专业研究生开课，2014, 2015年 春季学期作为全国教师教育网络联盟直播共享课（课程名称：思维训练与学习 力提升）面向北京师范大学、华中师范大学、华南师范大学、陕西师范大学、 西南大学、福建师范大学、东北师范大学等校师范生开课，2017年9月起，在 北京高校优质课程研究会平台每学期开课，选课人数累计两万余人",
        },
        {
          id: 2,
          课程编号: "B202ZK0010",
          title: "室内设计与赏析",
          开课学院: "人文与经法学院",
          课程类型: "其他",
          学时: 24,
          学分: 1.5,
          总章节: 15,
          主要适用对象: "本科生",
          学校: "北京航空航天大学",
          选修要求: "历史",
          选修人数: 0,
          教师: "李晓丹",
          授课: "线上课程",
          当前学期选修人数: 160,
          context: "10月14日-12月6日每周四晚上 （19:00-21:30）",
          教师info: `
          <h4>主要教学科研经历及获奖情况</h4>
<h6>1.以第一完成人完成教改项目 3 项，以第一作者发表教学研究论文 4 其中核心 1 篇（同时也是 CSSCI 检索），主编教材2部，获奖 14 项。相关的如下：</h6>
<p>
(1) 一体化与多元化教学模式探索——以建筑学专业室内设计教学改革实践为例[J].中国高教研究, 2011(06)：92-93.（核心，CSSCI）</p>
<p>
(2) 研究型、多元化与系统化——3 年级建筑设计群教学改革实践探索研究[J].华中建筑，2010，28(06)：175-177.</p>
<p>(3) 通识教育教学改革探索——以学院路公选精品课程《室内设计与赏析》为例[J].河北工程大学学报，2014（2）：95-98.中国建筑教育分析与改革探讨[J].河北工程大学学报，2011（6）:71-73.</p>

<h6>2.编著教材</h6>
<p>1) 李晓丹编著，《图解室内设计理论与方法》，2011 年（第一版），（2018 年第二版）机械工业出版社，校级优秀教材二等奖。</p>
<p>
2) 李晓丹副主编，《建筑学专业设计指导与示例》，2010 年，中国水利水电出版社。</p>
<p>
3) 李晓丹参编，《建筑设计入门教与学》，2010 年，机械工业出版社。</p>
          `,
          info:
            "授课内容：共计 8 次课，每次 3 小时，内容包括 6 次讲座，1 次讨论课，1 次为考试课。每次讲座课又分为三部分：基础知识讲座、图片欣赏、录像播放，讲座时间根据每讲内容约为 1-2 小时左右。具体内容包括：第一讲：前言及购房基本知识包括购房定位、程序、委托设计程序及施工监理，房型选择等。第二讲：中小户型装修及案例（应用篇）第三讲：色彩与材料第四讲：采光与照明第五讲：家具与布置第六讲：空间与尺度讨论课内容：鼓励感兴趣、有精力的学生自由组队，利用图书馆、网络等资源选择自己喜欢的与室内环境作品相关的实例或自行设计作品（包括宿舍、自家住宅等），进行整理剖析并与大家分享。",
        },
        {
          id: 3,
          课程编号: "B304BX0010",
          title: "证券投资学",
          开课学院: "经济管理类专业",
          课程类型: "其他",
          学时: 24,
          学分: 1.5,
          总章节: 15,
          学校: "沙河校区所有高校",
          主要适用对象: "本科生",
          选修要求: "历史",
          选修人数: 0,
          教师: "徐颖",
          授课: "线上课程",
          context: "10月14日-12月6日每周四晚上 （19:00-21:30）",
          教师info: `
          <h4>主要教学科研经历及获奖情况</h4>

<p>每学年为本科生主讲《金融学》、《证券投资学》、《互联网金融》、《保险学》等系列金融课程。课程教学秉承“教育的目的要适应由知识技能与价值观念双重驱动的社会发展”理念，注重知识传授与价值引领相统一，德智并重，点面结合，力求把思政教育蕴含在专业课程的知识传授中，把价值观培育和塑造融入课堂讲授，将教书育人的内涵落实到课堂教学当中。</p><p>与此同时，为适应数字经济时代学习方式和教育形态的变革，课程教学开展了多层次、全方位的信息化教学，为学生自主、个性化、定制化的学习提供支持和服务。</p>
<p>尤其是《证券投资学》课程，历经线上线下混合教学模式改革、精品在线课程建设，校级优质课程建设，积累了丰富的线上线下混合教学经验。在课程教学中，采用“传统课堂+PC 端在线课堂+移动端手机课堂”三位一体的混合教学方式，开展“基于 MOOC 的翻转课堂 2.0”教学模式，建设内容与技术深度融合的多样化学习资源，营造智能化、个性化的教学环境，构建基于大数据的立体化智能评价体系，理论课与实践课相结合，提高学生的自主学习能力和创新实践能力，获得了网上社会学习者、线下专家、督导教师和学生的一致好评。</p>
<p>2019 年 7 月，《证券投资学》课程组开发的慕课在“中国大学慕课”、“学银在线”等公共教育平台上线，面向社会学习者免费开放全部学习资源。截止2020 年 7 月 1 日，在两个平台注册的学习人数超过 3 万人，课程评价“4.9 分”，课程影响范围广、影响程度大。</p>`,
          当前学期选修人数: 160,
          info:
            "每学年为本科生主讲《金融学》、《证券投资学》、《互联网金融》、《保险学》等系列金融课程。课程教学秉承“教育的目的要适应由知识技能与价值观念双重驱动的社会发展”理念，注重知识传授与价值引领相统一，德智并重，点面结合，力求把思政教育蕴含在专业课程的知识传授中，把价值观培育和塑造融入课堂讲授，将教书育人的内涵落实到课堂教学当中。",
        },
        {
          id: 4,
          课程编号: "B102BH0011",
          title: "C语言程序设计",
          开课学院: "公开课",
          课程类型: "其他",
          学时: 24,
          学分: 1.5,
          总章节: 15,
          学校: "沙河校区所有高校",
          主要适用对象: "本科生",
          选修要求: "历史",
          选修人数: 0,
          教师: "宋友",
          授课: "线上线下混合式",
          context: "每周二上午10:00-12:00",
          当前学期选修人数: 160,
          教师info: `<h4>主要教学科研经历及获奖情况</h4>
          <h6>一、主讲本科生的《C语言程序设计》、《程序设计基础训练》、本科生和研究生的《算法分析与设计》等课程。</h6><h6>

<h6>二、近三年主持的重要教改项目或研究成果（五项代表作）</h6>
<p>1.面向新工科的精英学生培养实践条件和实践基地建设，“腾讯-教育部”教改项目，2019年通过验收</p><p>
2.北航学院大类专业程序设计课程群建设，校级（中央高校教改专项），2018年通过验收</p><p>
3.互联网+交通信息创新创业人才培养平台建设，“腾讯-教育部”，2017年通过验收</p><p>
4.算法分析与设计-双百工程优质课程A级，2018年获得认证</p><p>
5.在《中国大学教学》杂志上发表程序设计教学研究论文两篇</p><p>
<h6>三、近三年获得的教学与人才培养奖项（五项代表作）</h6>
<p>1.ICPC Coach Award（国际大学生程序设计竞赛，教练奖），201903，波尔图（葡萄牙）</p><p>
2.北京航空航天大学教学优秀奖一等奖，个人，2019</p><p>
3.北京航空航天大学教学成果奖二等奖，负责人，2019</p><p>
4.北京市教学成果奖二等奖，核心成员，2018，北京</p><p>
5.北京航空航天大学“凡舟”教育基金课堂教学类奖教金二等奖，个人，2017，北京</p><p>

<h6>四、科研情况</h6>
<p>研究方向主要为软件工程、信号与信息处理，近些年在国内外著名刊物、会议上发表学术论文40余篇，包括Q1区杂志论文3篇，A类会议论文3篇，申请国家专利10余项</p>
          `,
          info:
            "1.面向新工科的精英学生培养实践条件和实践基地建设，“腾讯-教育部”教改项目，2019年通过验收2.北航学院大类专业程序设计课程群建设，校级（中央高校教改专项），2018年通过验收。3.互联网+交通信息创新创业人才培养平台建设，“腾讯-教育部”，2017年通过验收。4.算法分析与设计-双百工程优质课程A级，2018年获得认证。5.在《中国大学教学》杂志上发表程序设计教学研究论文两篇",
        },
      ],
    };
  },
};
</script>

<style scoped>
.sy {
  line-height: 40px;
}
.sy div {
  font-size: 18px;
}
.sy span {
  font-size: 18px;
}
.pt-5 {
  margin-bottom: 150px;
  padding-bottom: 100px;
}

.p-4 {
  min-height: 400px;
}
</style>

<style>
#el-tabs .el-tabs__item {
  font-size: 18px;
}

#el-tabs .el-tabs__nav {
  margin: 0 auto;
}
</style>
